<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  lang="zh-CN"
>
<head>
  <title>经营单位</title>
</head>
<body>
<div
  layout:fragment="content"
  id="app" v-cloak
>
  <div class="container">
    <div class="myHeader">
      <div class="myHeader-title">
        修改经营单位信息
      </div>
    </div>
    <table
      width="100%"
      border="0"
      class="el-table el-table--border"
      cellspacing="0"
      cellpadding="0"
    >
      <tbody>
      <tr>
        <td
          width="140"
        >IDC/ISP许可证号<span style="color:red">*</span></td>
        <td class="ContentTD">
          {{form.idcId}}
        </td>
      </tr>
      <tr>
        <td>经营者名称<span style="color:red">*</span></td>
        <td class="ContentTD">
          <el-input
            name="idcName"
            maxlength="128"
            v-model="form.operName"
            v-validate="'required|max:128'"
            placeholder="请填写经营者名称，与许可证上名称一致"
          ></el-input>
            <div
              id="idcName_message"
              class="msg"
            >
              <span class="field-error" v-show="errors.has('idcName:required')">请填写经营者名称，与许可证上名称一致</span>
              <span class="field-error" v-show="errors.has('idcName:max')">经营者名称长度最大为 128 位</span>
            </div>
        </td>
      </tr>
      <tr>
        <td>通信地址<span style="color:red">*</span></td>
        <td class="ContentTD">
          <el-input
            name="idcAdd"
            size="200"
            v-model="form.address"
            v-validate="'required|max:200'"
            placeholder="请填写通信地址"
          ></el-input>
          <div
            id="idcAdd_message"
            class="msg"
          >
            <span class="field-error" v-show="errors.has('idcAdd:required')">请填写通信地址</span>
            <span class="field-error" v-show="errors.has('idcAdd:max')">通信地址长度最大为 200 位</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>邮编编号<span style="color:red">*</span></td>
        <td class="ContentTD">
          <el-input
            name="idcZip"
            maxlength="6"
            v-model="form.zipCode"
            v-validate="'required|zipCode'"
            placeholder="请填写邮编编号"
          ></el-input>
          <div
            class="msg"
          >
            <span class="field-error" v-show="errors.has('idcZip:required')">请填写邮编编号</span>
            <span class="field-error" v-show="errors.has('idcZip:zipCode')">{{ errors.first('idcZip') }}</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>企业法人<span style="color:red">*</span></td>
        <td class="ContentTD">
          <el-input
            name="corp"
            size="30"
            v-model="form.companyCorporation"
            v-validate="'required|max:30'"
            title="请填写企业法人"
          ></el-input>
          <div
            class="msg"
          >
            <span class="field-error" v-show="errors.has('corp:required')">请填写企业法人</span>
            <span class="field-error" v-show="errors.has('corp:max')">企业法人长度最大为 30 位</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>安全责任人<span style="color:red">*</span></td>
        <td class="ContentTD">
          <el-select
            v-validate="'required'"
            name="securityOwner"
            v-model="form.securityOwner"
          >
            <el-option
              v-for="{id,name} in officerList"
              :value="id"
              :key="id"
              :label="name"
            >{{name}}
            </el-option>
          </el-select>
          <div
            class="msg"
          >
            <span class="field-error" v-show="errors.has('securityOwner:required')">请选择安全责任人</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>应急联系人<span style="color:red">*</span></td>
        <td class="ContentTD">

          <el-select
            v-model="form.emergencyContact"
            v-validate="'required'"
            name="emergencyContact"
          >
            <el-option
              v-for="{id,name} in officerList"
              :value="id"
              :key="id"
              :label="name"
            >{{name}}
            </el-option>
          </el-select>
          <div
            class="msg"
          >
            <span class="field-error" v-show="errors.has('emergencyContact:required')">请选择应急联系人</span>
          </div>
        </td>
      </tr>
      </tbody>
    </table>
    <div align="center">
      <el-button
        type="primary"
        @click="update"
      >确认
      </el-button>
      <el-button
        onclick="forward('/basic-data/admin_idc_info')"
      >返回
      </el-button>
    </div>
  </div>
</div>
<div
  layout:fragment="js"
>
  <script src="/static/js/module/basic-data/model/BaseOperCompany.js"></script>
  <script src="/static/js/module/basic-data/api/baseOperCompanyApi.js"></script>
  <script src="/static/js/module/basic-data/api/baseHouseOfficerApi.js"></script>
  <!--<script src="/static/js/module/basic-data/common/admin_idc_info_validator.js"></script>-->
  <script src="/static/js/module/basic-data/modify/admin_idc_info_modify.js"></script>
</div>
</body>
</html>
